<template>
  <div class="zl-config">
    <div class="right-row">
      <div class="r-tit">对齐方式</div>
      <div class="r-cnt">
        <RadioGroup v-model="graphOptions.others.align" @on-change="handleChange">
          <Radio label="left">左</Radio>
          <Radio label="center">中</Radio>
          <Radio label="right">右</Radio>
        </RadioGroup>
      </div>
    </div>
  </div>
</template>
<script type="text/javascript">
export default {
  data () {
    return {
    }
  },
  props: {
    graphOptions: {
      type: Object,
      default: function() {
        return {}
      }
    }
  },
  methods: {
    handleChange(val) {
    	this.$emit('changeGraphOptions', 'others', {align: val})
    }
  }
}
</script>
<style rel="stylesheet/less" lang="less" scoped>
</style>
